import React from 'react';
import { View, Image } from 'react-native';
import Swiper from 'react-native-swiper';

import styles from './style';
import Images from './../../constants/images';

function QueryBanner() {
  return (
    <View style={styles.queryBannerContainer}>
      <Swiper
        autoplay={true}
        dotStyle={styles.queryBannerSwiperDotStyle}
        activeDotStyle={[
          styles.queryBannerSwipeActiveDotStyle,
          styles.queryBannerSwiperDotStyle,
        ]}>
        <View style={styles.queryBannerSwiperItem}>
          <Image
            style={styles.queryBannerSwiperImg}
            source={Images.query_banner_01}
          />
        </View>
        <View style={styles.queryBannerSwiperItem}>
          <Image
            style={styles.queryBannerSwiperImg}
            source={Images.query_banner_01}
          />
        </View>
        {/* <View style={styles.queryBannerSwiperItem}>
            <Image
              style={styles.bannerSwiperImg}
              source={{
                uri:
                  'https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2668398361,679690140&fm=11&gp=0.jpg',
              }}
            />
          </View> */}
      </Swiper>
    </View>
  );
}

export default QueryBanner;
